<template>
  <van-tabbar v-model="active" active-color="#FF9700">
    <van-tabbar-item>
      <span>首页</span>
      <template #icon="props">
        <!-- <img :src="props.active ? icon.active : icon.inactive" /> -->
        <i class="iconfont icon-home" v-if="!props.active"></i>
        <i class="iconfont icon-home-active" v-else></i>
      </template>
    </van-tabbar-item>
    <van-tabbar-item>
      <span>岗位</span>
      <template #icon="props">
        <!-- <img :src="props.active ? icon.active : icon.inactive" /> -->
        <i class="iconfont icon-job" v-if="!props.active"></i>
        <i class="iconfont icon-job-active" v-else></i>
      </template>
    </van-tabbar-item>
    <van-tabbar-item>
      <span>我的</span>
      <template #icon="props">
        <!-- <img :src="props.active ? icon.active : icon.inactive" /> -->
        <i class="iconfont icon-my" v-if="!props.active"></i>
        <i class="iconfont icon-my-active" v-else></i>
      </template>
    </van-tabbar-item>
  </van-tabbar>
</template>

<script>
  export default {
    data() {
      return {
        active: 1
      }
    },
  }
</script>

<style lang="less" scoped>
.iconfont{
  font-size: 25px;
}
</style>